import React from 'react'
import { List } from 'antd-mobile';
import MobileTable from '@yrobot/react-mobile-table';
import '@yrobot/react-mobile-table/lib/index.css';

const Item = List.Item;

class Post extends React.Component {

    name='lsxTable';
    
    constructor(prop){
        super(prop);
        this.state={name:this.name}
    }
      data = [
        ['公司','部门','岗位','学历', '工作地点','专业'], // title line
        ['彤程功能材料（上海）研发中心', '研发部', '高级研发工程师','博士','上海-奉贤区','化学、高分子材料等相关专业'],
        ['彤程功能材料（上海）研发中心', '研发部', '研发工程师','硕士','上海-奉贤区','化学、高分子材料等相关专业'],
        ['彤程功能材料（上海）研发中心', '研发部', '助理工程师','本科','上海-奉贤区','化学、高分子材料等相关专业'],
        ['北京北旭电子材料有限公司', '有机研发部', '研发工程师','硕士','北京-朝阳区/天津-蓟州区','高分子材料与工程、高分子化学与物理、材料化学'],
        ['华奇（中国）化工有限公司', '技术研发部', '技术研发助理工程师','本科及以上','江苏-张家港','有机化学、高分子化学、高分子材料'],
        ['北京科华微电子材料有限公司', '研发部', '材料合成工程师','硕士','北京-顺义区','化学、高分子材料等相关专业'],
        ['北京科华微电子材料有限公司', '研发部', '光刻胶研发工程师','硕士','北京-顺义区','高分子材料与工程等相关专业'],

      ];

      data1 = [
        ['公司','部门','岗位','学历','工作地点','专业'], // title line
        ['彤程新材料集团股份有限公司', '销售部', '销售/技术服务助理工程师','本科','上海-浦东新区/江苏-镇江','化学工程与技术、材料学、磨料磨具专业、无机非金属材料工程'],
        ['彤程新材料集团股份有限公司', '产品管理部', '产品助理工程师','本科','上海-浦东新区','不限'],
        ['彤程新材料集团股份有限公司', '技术改进质量部', '技术改进助理工程师','本科','上海-浦东新区','不限'],
        ['彤程新材料集团股份有限公司', '财务部', '成本会计','本科','上海-浦东新区','金融、经济、财务等财务类相关专业'],
        ['彤程新材料集团股份有限公司', '财务部', '资金部专员','硕士','上海-浦东新区','金融、经济、财务等财务类相关专业'],
        ['彤程新材料集团股份有限公司', '信息技术部', '助理IT工程师','本科','上海-浦东新区','统计学、应用数学或计算机科学相关专业'],
        ['彤程新材料集团股份有限公司', '公共关系部', '新媒体运营专员','本科及以上','上海-浦东新区','新闻传播学、中文、国际新闻学、多媒体视觉设计'],
      ];

      data2 = [
        ['公司','部门','岗位','学历','工作地点','专业'], // title line
        ['彤程电子材料（镇江）有限公司','维修部','仪电助理工程师', '本科','江苏-镇江','电气仪表控制相关专业'],
        ['彤程电子材料（镇江）有限公司','生产部','生产助理工程师', '本科','江苏-镇江','化学工程与工艺相关专业'],
        ['彤程电子材料（镇江）有限公司','生产部','助理工程师', '本科','江苏-张家港','化学工程与工艺相关专业'],
        ['彤程电子材料（镇江）有限公司','EHS','安全助理工程师', '本科','江苏-张家港','安全工程、环境工程']

      ];
    
    render(){
        let id=window.location.hash.substr(7);
     
        let index=this.data;
        if(id==1){
          index=this.data1;
        }else if(id==2){
          index=this.data2;
        }
        return (
            <div className={this.state.name}>
                <h3>岗位</h3>
                <MobileTable data={index} // 数据源:[[]] 
                columnMinWidth={100} // 每一列的最小宽度, 假设屏宽为375, 默认值60: Int
                collapse={false}
                onClick={(param) => {
                    const {
                      column, //第几列，从0开始
                      line, // 第几行，从0开始，包含header行
                      collapse, // 当前列是否折叠,boolean
                      event,
                    } = param;
                    this.setState({name:''});
                   }}
                />
            </div>
        );
    };
}
export default Post;